<template>
    <div>
        <!-- 焦点图 --> 
        <swiper :swipelist="swipelist" :flag="true"></swiper>
            <!-- 菜单列表 -->
        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <router-link to="/home/shop">
		                    <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body">超市</div>
                        </router-link>          
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <router-link to="/home/news/newsList">
                        <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">新闻</div>
                        </router-link>
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <router-link to="/home/wenzhang">
		                  <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">文章</div>
                        </router-link>
                    </li>



		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <router-link to="/home/goodList">
                            <img src="../../images/menu4.png" alt="">
                            <div class="mui-media-body">生鲜</div>
                        </router-link>
                    </li>



		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">9.9包邮</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">领劵</div></a></li>
		        </ul> 
    </div>
</template>
<script>
import swiper from '../swiper/swiper.vue' 
export default {
    data(){
        return {
            swipelist:[]
        }
    },
    methods:{
        getSwipeList(){
            this.$http.get('api/getlunbo').then(result => {
                if(result.body.status===0){
                    // console.log(result.body.message)
                    this.swipelist = result.body.message;
                }else{
                    alert("请求失败")
                }
            })
        }
    },
    created(){
        this.getSwipeList();
    },
    components:{
        swiper
    }
    
}
</script>
<style lang="scss" scoped>
    .mui-table-view-cell img{
        width: 60px;
        height: 60px;
    }
</style>
